@import "../../assets/styles/theme.module.scss";
.dashboard_upload_box {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: #fff;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  .dashboard_upload_main {
    width: 21rem;
    height: 14rem;
    display: block;
    margin-bottom: 3.5rem;
  }
  .dashaboard_tag_title {
    color: $main_light;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
  }
  .dashboard_tag_box {
    width: 100%;
    border-radius: 5px;
    border: 1px solid $main_light;
    position: relative;
    margin-bottom: 1rem;
    padding: 1.5rem;
    input[type="file"] {
      width: 1px;
      height: 1px;
    }
    .dashboard_tag_label {
      background-color: $main_light;
      display: inline-block;
      color: white;
      position: absolute;
      right: 5px;
      bottom: 5px;
      border-radius: 5px;
      z-index: 100;
    }
    .dashboard_tag_input {
      width: 100%;
      height: 100%;
      border: none;
      outline: none;
      border-radius: 10px;
      font-size: 1rem;
    }
    .dashboard_tag_list {
      top: 0.4rem;
      left: 1rem;
      flex-wrap: wrap;
      max-width: 95%;
      .dashboard_tag_item {
        margin-right: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: black;
        padding: 0.4rem 0.8rem;
        border-radius: 5px;
        border: 1px solid black;
        margin-bottom: 0.5rem;
        .dashboard_tag_main {
          white-space: nowrap;
          margin-right: 0.5rem;
          border: none;
          padding: 0;
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
    }
    .dashboard_tag_select {
      margin-bottom: 2rem;
    }
  }
  .dashaboard_copywritin_title {
    color: $main_light;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    margin-top: 2rem;
  }
  .dashboard_copywriting_box {
    height: max-content;
    width: 100%;
    border-radius: 5px;
    border: 1px solid $main_light;
    position: relative;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    .dashboard_copywriting_label {
      background-color: $main_light;
      display: inline-block;
      color: white;
      position: absolute;
      right: 5px;
      bottom: 5px;
      border-radius: 5px;
      z-index: 100;
    }
    .dashboard_copywriting_list {
      top: 0.4rem;
      left: 1rem;
      flex-wrap: wrap;
      max-width: 95%;
      .dashboard_copywriting_item {
        margin-right: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: black;
        padding: 0.4rem 0.8rem;
        border-radius: 5px;
        border: 1px solid black;
        width: max-content;
        margin-bottom: 0.5rem;
        max-width: 100%;
        .dashboard_copywriting_main {
          margin-right: 0.5rem;
          border: none;
          padding: 0;
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
    }
  }
  .ant-upload-drag-hover {
    border-color: $main_light !important;
  }
  .dashboard_upload_button_box {
    margin: 0 auto;
  }
}
